(function () {
  let myChart = echarts.init(document.querySelector(".center3"));

  let option = {
    // tooltip: {
    //   trigger: "axis",
    //   axisPointer: {
    //     type: "cross",
    //     label: {
    //       backgroundColor: "#6a7985",
    //     },
    //   },
    // },
    legend: {
      data: ["销售额", "利润"],
      textStyle: {
        color: "#fff",
      },
    },
    color: ["#0080ff", "#4cd5ce"],
    grid: {
      left: "3%",
      right: "4%",
      bottom: "3%",
      containLabel: true,
    },
    xAxis: [
      {
        type: "category",
        // boundaryGap: false,
        data: [
          "1月",
          "2月",
          "3月",
          "4月",
          "5月",
          "6月",
          "7月",
          "8月",
          "9月",
          "10月",
          "11月",
          "12月",
        ],
      },
    ],
    yAxis: [
      {
        type: "value",
      },
    ],
    series: [
      {
        smooth: true,
        name: "销售额",
        type: "line",
        itemStyle: {
          normal: {
            label: { show: false },
            //颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
              {
                offset: 0,
                color: "transparent", // 0% 处的颜色
              },
              {
                offset: 0.5,
                color: "yellow", // 100% 处的颜色
              },
              {
                offset: 1,
                color: "transparent", // 100% 处的颜色
              },
            ]), //背景渐变色
            // lineStyle: {
            //   // 系列级个性化折线样式
            //   width: 3,
            //   type: "solid",
            //   color: "#4fd6d2",
            // },
          },
          emphasis: {
            color: "#4fd6d2",
            lineStyle: {
              // 系列级个性化折线样式
              width: 2,
              type: "dotted",
              color: "#yellow", //折线的颜色
            },
          },
        }, //线条样式
        symbolSize: 5, //折线点的大小
        areaStyle: { normal: {} },
        data: [11, 43, 33, 74, 34, 78, 33, 22, 34, 51, 46, 89],
      },
      {
        smooth: true,
        name: "利润",
        type: "line",
        itemStyle: {
          normal: {
            label: { show: false },
            //颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
              {
                offset: 0,
                color: "#fff", // 0% 处的颜色
              },
              {
                offset: 0.4,
                color: "#4fd6d2", // 100% 处的颜色
              },
              {
                offset: 1,
                color: "transparent", // 100% 处的颜色
              },
            ]), //背景渐变色
            lineStyle: {
              // 系列级个性化折线样式
              width: 3,
              type: "solid",
              color: "#4fd6d2", //折线的颜色
            },
          },
          emphasis: {
            color: "#0180ff",
            lineStyle: {
              // 系列级个性化折线样式
              width: 2,
              type: "dotted",
              color: "0180ff",
            },
          },
        }, //线条样式
        symbolSize: 5, //折线点的大小
        label: {
          normal: {
            show: true,
            position: "top",
          },
        },
        areaStyle: { normal: {} },
        data: [21, 45, 33, 23, 45, 89, 11, 39, 35, 31, 24, 73],
      },
    ],
  };

  myChart.setOption(option);

  window.addEventListener("resize", function () {
    myChart.resize();
  });
})();
